<template>
  <div class="mainForm" style="width: 90%;margin: auto">
    <div style="line-height: 50px; font-size: 30px; color: dodgerblue; margin-top: 20px;">填报完成</div>
    <div><el-steps class="steps" :active="5" finish-status="success" simple style="margin-top: 20px">
      <el-step class="a" title="填报声明" style="flex-basis:16%" />
      <el-step class="b" title="中小企业数智生态诊断" style="flex-basis: 34%;" />
      <el-step title="完成" />
    </el-steps></div>
    <div class="shangxia">
      <el-button type="primary" @click="submitFormtemporary('infoForm')">查看填报结果</el-button>
      <el-button type="warning" @click="submitFormPrevious2()">重新填报</el-button>
    </div>

  </div>
</template>

<script>
import { getIndustry, getAreasOfExpertise, getStationType, getScaleType, getlevelType, getScoreType } from '@/utils/dictionary'
import AreaSelect from '@/components/AreaSelect'
import { categoryData, CodeToText, TextToCode } from '@/utils/app.js'

export default {
  name: 'AdditionalForm',
  components: {
    // eslint-disable-next-line vue/no-unused-components
    AreaSelect
  },
  data() {
    return {
      loading: false,
      accept: false,
      centerDialogVisible: false,
      infoForm: {
        environmentPo: { financingChanne: [] },
        supportPo: { publicService: [], talentPolicy: [] },
        name: '',
        regDate: '',
        type: [],
        areasOfExpertise: [],
        publicService: [],
        talentPolicy: [],
        financingChanne: []
      },
      industryList: getIndustry(),
      areasOfExpertiseList: getAreasOfExpertise(),
      stationTypeList: getStationType(),
      levelTypeList: getlevelType(),
      scaleTypeList: getScaleType(),
      scoreTypeList: getScoreType(),
      userInfoForm: [],
      CodeToText,
      TextToCode,
      categoryData
    }
  },
  created() {
  },
  methods: {
    submitFormtemporary(form) {
      this.$router.push('/diagnosis/review')
    },
    submitFormPrevious2(form) {
      this.$router.push('/diagnosis/comprehensive')
    },
    resetForm(form) {
      this.$refs.infoForm.resetFields()
    }
  }
}
</script>
<style>
.mainForm .el-form-item__label{
  /*width: 140px !important;*/
  text-align: left !important;
  background: #409eff;
  color: #ffffff;
  padding-left: 10px;
}
.shangxia {
  /*position: fixed;*/
  /*bottom: 0;*/
  margin: 100px auto;
  width: 1000px;
  text-align: center;
}
.mainForm .steps .el-step.is-simple:not(:last-of-type) .el-step__title {
  max-width: 85%;
  word-break: break-all;
}
</style>
